$(function () {
  // 调用getuserInfo 获取基本信息
  getuserInfo();
  $('#btnLogout').on('click',function(){
      console.log('ok');
      var layer = layui.layer
//    提示用户是否退出
    layer.confirm('确认退出登录吗？', {icon: 3, title:'提示'}, function(index){
        //do something
    //    1.清空本地存储中的token
    localStorage.removeItem('token')
    // 2.重新跳转登陆页面
    location.href = '/login.html'
    // 3.关闭询框
        layer.close(index);
      });
  })
});
// 获取用户基本信息
var layer = layui.layer;
function getuserInfo() {
  $.ajax({
    method: "GET",
    url: "my/userinfo",
    // header 请求头配置对象
    // headers: { 
    //   Authorization: localStorage.getItem("token") || "",
    // },
    success: function (res) {
   if(res.status!==0){
       return layui.layer.msg('获取用户基本信息失败！')
   }
   console.log(res);
//    调用renderAvatar
renderAvatar(res.data)
    },
    // 不论成功还是失败，ajax都会调用complete----优化代码放在了baseapi中
//     complete:function(res){
// console.log('complete',res);
// // 在complete回调函数中可以使用res.responseJSON,拿到服务器响应回来的数据
// if(res.responseJSON.status===1&&res.responseJSON.message==='身份认证失败！'){
//     // 1.强制清空token
//     localStorage.removeItem('token')
//     // 2.强制跳转登录页
//     location.href = '/login.html'
// }
//     }
  });
}

// 渲染用户头像
function renderAvatar(user){
    // 1.获取用户名称
    var name =  user.nickname||user.username
    // 2.设置欢迎文本
    $('#welcome').html('欢迎&nbsp;&nbsp;'+name)
    // 3.按需渲染用户头像
    if(user.user_pic!==null){
// 3.1渲染图片头像
$('.layui-nav-img').attr('src',user.user_pic).show()
$('.text-avatar').hide()
    }else{
        // 3.2渲染文字头像
        $('.layui-nav-img').hide()
        var first =name[0].toUpperCase()
        $('.text-avatar').html(first).show()
        
    }

}
